/* eslint-disable */
<template> 
  <div class="cameraMikeEdit"> 
        <p class="mb-2">
            <img class=" rounded" src="https://gejuimage.oss-cn-beijing.aliyuncs.com/webimage/add/23213.jpg"
                alt="">
        </p>
        <el-form ref="form" :model="form3">
            <el-form-item class=" w-100 mb-2">
                <div class="row">
                    <div class="col-auto pr-0">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            <span class="iconfont lwinput_camera h4"></span>
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.webcam" placeholder="请选择视频输入"
                            class=" w-100 rounded-left-0">
                            <el-option label="设备前置摄像头" value="1"></el-option>
                            <el-option label="设备前置摄像头" value="2"></el-option>
                        </el-select>
                    </div>
                </div>
            </el-form-item>
            <el-form-item label="" class="mb-2">
                <el-checkbox-group v-model="form.type" class="">
                    <el-checkbox label="默认加入会议时不开启摄像头" name="type"></el-checkbox>
                    <el-checkbox label="启动高清" name="type"></el-checkbox>
                    <el-checkbox label="启动美颜" name="type"></el-checkbox>
                </el-checkbox-group>
            </el-form-item>
            <el-form-item class=" w-100 mb-2">
                <div class="row">
                    <div class="col-auto pr-0">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            <span class="iconfont lwinput_mike h4"></span>
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.mike" placeholder="请选择音频输入"
                            class=" w-100 rounded-left-0">
                            <el-option label="设备内置麦克风" value="1"></el-option>
                            <el-option label="麦克风1" value="2"></el-option>
                        </el-select>
                    </div>
                    <div class="col-12 position-relative" style="min-height: 48px;">
                        <div class="position-absolute top w-100 ">
                            <ul class="pt-3 px-1">
                                <li class="points bg-light-point" v-for="o in 53">
                                    <div class=""> </div>
                                </li>
                            </ul>
                        </div>
                        <div class="position-absolute top w-100 ">
                            <ul class="pt-3 px-1">
                                <li class="points bg-success-point" v-for="o in 12">
                                    <div class=""> </div>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </el-form-item>
            <el-form-item class=" w-100 mb-2">
                <div class="row">
                    <div class="col-auto pr-0">
                        <div
                            class="border  rounded-left border-right-0 w-100 px-3 pt-1 h-100">
                            <span class="iconfont lwinput_audio_output h4"></span>
                        </div>
                    </div>
                    <div class="col pl-0">
                        <el-select v-model="form.speakerEquipment"
                            placeholder="请选择音频输出" class=" w-100 rounded-left-0">
                            <el-option label="设备内置音箱" value="1"></el-option>
                            <el-option label="外接音箱1" value="2"></el-option>
                        </el-select>
                    </div>

                    <div class="col-12 position-relative" style="min-height: 48px;">
                        <div class="position-absolute top w-100 ">
                            <ul class="pt-3 px-1">
                                <li class="points bg-light-point" v-for="o in 53">
                                    <div class=""> </div>
                                </li>
                            </ul>
                        </div>
                        <div class="position-absolute top w-100 ">
                            <ul class="pt-3 px-1">
                                <li class="points bg-success-point" v-for="o in 23">
                                    <div class=""> </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col">

                    </div>
                    <div class="col-auto">
                        <el-button type="" size="mini"
                            class="py-1 px-2 text-secondary rounded-100 ">
                            点击播放试播音乐
                        </el-button>
                    </div>
                </div>

            </el-form-item>
            <el-form-item label="" class="mb-2">
                <p class=" mb-0 d-flex justify-content-between">
                    <span class="mt-1">加入会议时将麦克风静音</span>
                    <span>
                        <el-switch v-model="form.delivery"></el-switch>
                    </span>
                </p>
            </el-form-item>
        </el-form> 
  </div>
</template>

<script>
    export default {
        name: 'CameraMikeEdit',
        data() {
            return {

                form: {
                    webcam: '',
                    mike: '',
                    speakerEquipment: '',
                    type: [],
                    delivery: '',
                },
                formLabelWidth: '90px'
            }
        }

    }
</script>

<style>

</style>